📚 Grade 11 ICT · Chapter 4

Use of Multimedia

Master digital graphics, animation, audio editing, and video creation — with interactive lessons, simulations, and practice quizzes.

🖼 Digital Graphics🎬 2D Animation🎵 Audio Content 🎥 Video Clips📝 Practice Quizzes⚙️ Simulations
Chapter Overview
What you'll learn in Chapter 4 of your ICT syllabus
🖼️

4.1 · Digital Graphics

Pixels, resolution, colour models (RGB & CMYK), graphic compression (lossy/lossless), raster vs vector, and GIMP software.

🎬

4.2 · Two-Dimensional Animation

What animation is, types of frames (key, tween, blank), and creating animations with Vectorian Giatto software.

🎵

4.3 · Audio Content

Recording and editing audio using Audacity, audio file formats, and exporting audio for different purposes.

🎥

4.4 · Creating Video Clips

Making video clips with Windows Movie Maker — adding images, audio, transitions, captions, and saving for different platforms.

Key Facts at a Glance
4
Basic elements of digital graphics
2⁸=256
Colours with 8 bits per pixel
24 bpp
True colour (16.7 million colours)
2 Types
Lossy & Lossless compression
Raster
Pixel-based graphics (GIMP, Photoshop)
Vector
Line-based graphics (Illustrator, CorelDRAW)
24 fps
Smooth animation frame rate
RGB / CMYK
Screen vs Print colour models
Learning Objectives

By the end of this chapter you will be able to:

✓Explain what digital graphics are and identify their basic elements
✓Calculate colours from bits using 2^bpp formula
✓Distinguish between RGB and CMYK colour models
✓Compare lossy and lossless compression methods
✓Compare raster and vector graphics
✓Create graphics using GIMP software
✓Explain animation and identify types of frames
✓Record and edit audio using Audacity
✓Create video clips using Windows Movie Maker
4.1 Digital Graphics
Pixels, resolution, colour, compression, and graphic types
💡
Definition: Drawings or images created with the use of computer graphic software are called digital graphics. They are made up of thousands of tiny coloured dots called pixels.
Basic Elements of Digital Graphics
🔵

Pixel

The smallest unit in a digital image. Each pixel is a tiny illuminated dot with a specific colour. A digital image is an array of rectangular pixels called a bitmap.

📐

Resolution

The physical dimension of a digital graphic measured in pixels. Higher resolution = more pixels = higher quality. Measured in ppi (pixels per inch) or dpi (dots per inch).

📏

Size

Determined by number of pixels, lines, and colour combinations. A graphic with many pixels and high resolution has a large file size.

🎨

Colour

Each pixel represents a colour. About 16 million recognisable colours are visible to the naked eye. The colour model depends on the output device.

Understanding Pixels
Pixel Grid (Magnified) ← Pixel → → One Pixel RGB(243,156,18) Pixel Properties • Each pixel = tiny coloured dot • Arranged in rows and columns • Array of pixels = Bitmap • More pixels = better quality • Fewer pixels + enlarge = blurry Colour = 2^bpp combinations
Bits Per Pixel & Colours
🧮
Formula: Colours per pixel = 2bpp
To find bits from colours: bits = log₂(colours)
Example: 4 bpp → 2⁴ = 16 colours
Colours = 2bpp  |  4 bpp → 2⁴ = 16 colours  |  24 bpp → 2²⁴ = 16,777,216 colours
bpp = bits per pixel
Bits per Pixel (bpp)FormulaNumber of ColoursCommon Use
1 bpp2¹2Black & White
4 bpp2⁴16Simple icons
8 bpp2⁸256GIF images
16 bpp2¹⁶65,536High colour display
24 bpp2²⁴16,777,216 (16.7 million)True colour — JPEG, PNG
32 bpp2³²4,294,967,296True colour + Alpha transparency
🌟
Remember: A colour pixel uses 24 bits (8 bits each for Red, Green, Blue = 8×3 = 24 bits). A single-colour (monochrome) pixel uses 8 bits.
Colour Models
🖥️ RGB Model

💡 Used for screens — computers, TVs, phones

🎨 Primary colours: Red, Green, Blue

✨ Mixing RGB light gives secondary colours (Cyan, Magenta, Yellow, White)

📊 256 variations (0–255) per channel

🔢 Written as: RGB(245,102,36) or hex #F56624

🖨️ CMYK Model

🖨️ Used for printing on paper with inks

🎨 Primary colours: Cyan, Magenta, Yellow, Black

🔄 Mixing CMYK inks = RGB colours when printed

📉 Called subtractive colour model (absorbs light)

🎯 Best for professional print media and publications

RGB Colour Mixing Diagram
Red Green Blue Yellow Magenta Cyan White RGB = Additive model (light) Used for screens
🎨
RGB Triplet: A tertiary colour mixes three primary colours. Range: RGB(0,0,0) (black) to RGB(255,255,255) (white).
Example: RGB(245,102,36) = Hex #F56624 — an orange colour
Graphic Size & Compression

Large graphics are difficult to store and transmit. Graphic compression reduces file size. There are two types:

📉 Lossy Compression

  • Compresses to minimum size
  • Reduces quality of original graphic
  • Reopened file does NOT match original
  • Faster for web saving and downloading
  • Formats: JPEG TIFF BMP

📈 Lossless Compression

  • Preserves original quality completely
  • Reopened file is identical to original
  • Slightly larger file size than lossy
  • Used when quality must be maintained
  • Formats: GIF PNG RAW
Graphic Types: Raster vs Vector
Criteria🔴 Raster Graphic🟢 Vector Graphic
How it's createdArray of pixels in different coloursCollection of straight or curved lines
File recordsNo records keptRecords start/end points, line types, colours
Quality when resized❌ Quality LOST when enlarged✅ Quality MAINTAINED when resized
For high-quality printNot suitableSuitable
Memory usageUses less memoryNeeds more memory
Computer speedDoes not changeReduces with complexity
Example softwareAdobe Photoshop, GIMP, Corel PHOTOPAINTAdobe Illustrator, CorelDRAW, Inkscape
Raster (enlarged = blurry) Pixelated Vector (enlarged = smooth) Crisp & Smooth
GIMP — Free Graphic Design Software
✅
GIMP (GNU Image Manipulation Program) is free and open-source. It produces raster graphics. Works on Windows, Mac, and Linux. Download: www.gimp.org/downloads

1. Main Toolbox

All editing tools — selection, brush, transform. Enable/disable via Edit → Preferences → Toolbox.

2. Tool Options

Customise settings for each selected tool (size, opacity, hardness, etc.).

3. Image Window

Where your graphic is displayed. Use Windows → Single-Window Mode for one unified workspace.

4. Layers, Channels, Paths

Layers work like transparent sheets stacked on each other. Edit one layer without affecting others.

5. Brushes/Patterns/Gradients

These tabs help create and add colour, texture, and patterns to graphics.

Key GIMP Tools
Rectangle Select R

Selects square/rectangular regions

Ellipse Select E

Selects circular/elliptical regions

Free (Lasso) F

Draws free-form selections

Fuzzy/Magic Wand U

Selects areas by colour similarity

By Colour Shift+O

Selects all instances of a colour

Bucket Fill Shift+B

Fills area with colour or pattern

Paintbrush P

Paints soft/anti-aliased lines

Pencil N

Paints hard-edged (non-aliased) lines

Eraser Shift+E

Erases pixels from a layer

Clone C

Copies pixels from one area to another

Heal H

Removes spots and image irregularities

Crop Shift+C

Crops/clips the image

Rotate Shift+R

Rotates active layer/selection/path

Scale Shift+T

Scales the active layer or selection

Colour Picker O

Picks colour from any image on screen

Text M

Places text into the image

Dodge/Burn Shift+D

Lightens or darkens image areas

Smudge S

Smudges/blends colours together

Understanding Layers in GIMP
📄
Layers are like transparent sheets stacked on top of each other. Edit one layer without affecting others. Use the eye icon to show/hide layers. Adjust Opacity (0–100%) to control transparency.
👁️Layer 3 — TextTop (shown first)
👁️Layer 2 — Shapes
👁️Layer 1 — BackgroundBottom (behind all)

When all editing is done, use Merge Visible Layers (right-click on Layer window) to combine all layers into one before exporting.

Saving Files in GIMP
ActionFormatPurpose
File → Save.xcfNative GIMP format; preserves all layers; for re-editing
File → Export.jpg .png .gifCompressed output for sharing or web use

🎯 Practical Activities

  1. Create a graphic using several photographs captured on a special occasion.
  2. Use different Filter methods (Filters → Decor, Filters → Light and Shadow) to improve your graphic.
  3. Download images of places in Sri Lanka and create graphics with suitable titles.
  4. Create an invitation card for digital printing using GIMP.
  5. Create a school event banner using GIMP's text and gradient tools.
🎬
4.2 Two-Dimensional Animation
Learn how computers create motion through frames, and use Vectorian Giatto to build your own animations.
What is Animation?

Animation is an optical illusion that shows the movement of an object or objects. A series of frames of an object are arranged in sequential order and displayed continuously to create the illusion of motion. The speed of objects can be changed by altering the speed of the frames.

🎞️
Animation is used in commercial advertising, product promotion, computer game development, and creating cartoon films.
Types of Frames

Several types of frames work together in animation. Understanding each type is essential to creating smooth motion.

🔑
Key Frame

The main, user-defined static frame at an important position in the animation. The user decides when and where key frames appear. Key frames mark the beginning and end of a motion sequence.

📌
Example: Frame 1 (ball at top) and Frame 24 (ball at bottom) are both key frames.
🔄
Tween Frame

Automatically generated by the software to create smooth motion between two key frames. The software calculates intermediate positions so the animator doesn't need to draw every frame.

🧮
At 24 fps with 2 key frames → 22 tween frames are auto-generated by software.
⏱️
Frame

When a regular frame is added next to a frame that already has content, it extends the time period for which that content remains visible in the animation. Useful for making an object "hold" its position.

⬜
Blank Key Frame

An empty frame ready for new content to be added. Once you draw something in a blank key frame, it is no longer blank — it becomes a regular key frame with content.

Frame Timeline — Visual Diagram

A typical 24-frame animation with 2 key frames and 22 tween frames:

KF 1 KF 24 22 Tween Frames (auto-generated) Ball at TOP User draws Ball at BOTTOM User draws ⚡ 24 Frames Per Second (fps) = Smooth Motion 2 Key Frames (you draw) + 22 Tween Frames (software draws) = 24 total
Vectorian Giatto — Animation Software

Vectorian Giatto is a free animation software that can be downloaded from the Internet. It requires no coding, making it ideal for beginners. It comes with nearly 50 flash animation tools and supports adding music to animations.

🆓
Free to Download

No purchase required

🚫💻
No Coding Required

Easy drag-and-drop tools

🎵
Supports Music

Add audio to animations

⚡
~50 Flash Tools

Rich animation toolkit

🌐
Download Vectorian Giatto from: http://vectorian.com/giatto
Vectorian Giatto — Interface Components
Vectorian Giatto — Animation Studio TOOLS N M T O R V Q K ① TB ▶ ⏹ ⏮ ⏭ ② Player LAYERS Layer 2 Layer 1 ③ Layers TIMELINE ④ Timeline WORK STAGE obj ⑤ Work Stage GEO PROPS Brush: Solid ⑥ Geo Props COLOURS PEN ▼ BRUSH ▼ ⑦ Colours PROPERTIES WINDOW Font: Arial Size: 12 Bold Italic Alignment ⑧ Properties
① Drawing Toolbar — Tools for creating objects on the work stage: Line (N), Bitmap (M), Text (T), Oval (O), Rectangle (R), Pencil (P), Brush (B), Selection (V), Sub-selection (A), Lasso (L), Free Transform (Q), Ink Bottle (S), Paint Bucket (K), Eyedropper (I), Eraser (E)
② Built-in Player — Controls for playing, stopping, rewinding, and moving to the end of an animation
③ Layers — Organise different objects on separate transparent layers; objects on top can hide layers below
④ Timeline — Sets the time period for the animation; where key frames and tween frames appear
⑤ Work Stage — The canvas where all animation objects are drawn and positioned
⑥ Geometric Properties & Shapes — Used for colouring shapes; selecting border types, colours, gradients, and images
⑦ Colours — Select basic colours for tools; Pen = border colour; Brush = fill colour
⑧ Properties Window — Appears when Text Tool is selected; allows font size, type, and alignment adjustments
Drawing Tools — Quick Reference
ToolShortcutFunction
LineNDraw straight lines; set type (solid/dash/dot), colour, density
Insert BitmapMAdd image to stage (bmp, jpg, tif, png, gif, ico)
TextTAdd text; configure via Properties Window (font, size, colour)
OvalODraw circles/ovals; fill with single colour, gradient, or image
RectangleRDraw rectangles; same fill options as Oval
PencilPDraw free-form lines on the work stage
BrushBDraw wider, free-form shapes
SelectionVSelect or move shapes, texts, and pictures
Sub-SelectionAChange the shape of a drawn object by dragging control points
LassoLCut and remove shapes/pictures from the stage
Free TransformQChange dimension, rotate, or reshape an object
Ink BottleSChange the border colour/type around shapes
Paint BucketKChange fill colour of a drawn shape
EyedropperIPick a colour from one object to apply to another
EraserEErase only a section of a creation (not the entire shape)
Saving & Exporting Animations
ActionFormatHow To
Save (for editing).vgdFile → Save
Export (for web).swfFile → Export Flash Movie → Select Compress Movie → OK
Open in browser-Right-click .swf file → Open with Web Browser
Step-by-Step: Creating a Simple Animation
1
Open Giatto software.
2
Draw two shapes (a square and an oval) at the top of the work stage. Use Pen and Brush to add border and fill colours.
3
Observe Frame 1 in the Timeline — this is your first Key Frame.
4
Right-click on Frame 24 in the Timeline and select "Insert Key Frame".
5
Using the Selection tool, drag the shapes to the bottom of the work stage on Frame 24.
6
Right-click any frame between 1–24 → Select "Create Motion Tween" — this auto-fills all tween frames.
7
Use the Built-in Player to play and preview your animation.
8
To adjust speed/background: Modify → Document → change Frame Rate or background colour → OK.
9
Save as .vgd; Export as .swf for web. Open the .swf in a browser to see the final result!

🎯 Practice Activities

  1. Create a simple animation of a ball bouncing across the screen using key frames and motion tweens.
  2. Create an animation with a caption text using the "Falling Leaf" effect or another text effect.
  3. Use images from your digital graphics activity as the background for a 2D animation.
  4. Create an animation with at least 2 layers — one for background, one for a moving object.
🎵
4.3 Audio Content
Learn to record, edit, and export audio using Audacity — a free, powerful audio editor for all platforms.
Audio Editing Software

Many software tools are available for creating and editing audio content. The most recommended is Audacity, which is free and works on all major operating systems.

SoftwareNotes
AudacityFree, open-source, Windows/Mac/Linux — Recommended
Power Sound EditorEasy-to-use visual audio editor
Mp3DirectCutFast editor, no re-encoding needed
Music Editor FreeSimple interface for beginners
WavosaurPortable, no install required
ArdourProfessional-grade DAW, open-source
WavePadCross-platform, many effects
Sound EngineBatch processing capabilities
Audacity — Features Overview
🎤
Record Live Audio

Capture sound directly from a microphone or other input device

💻
Record Computer Audio

Record any sound playing through your computer's speakers

🎚️
Multi-layer Editing

Work with multiple audio tracks simultaneously

🎼
Insert Sound Effects

Add effects including echo, reverb, noise reduction, and more

✂️
Copy, Trim, Mix & Join

Full editing: cut sections, join clips, and mix multiple tracks

⚡
Change Speed & Pitch

Independently alter playback speed and musical pitch

🌐
Download Audacity from: http://audacity.sourceforge.net/
Free for Windows, Mac, and Linux. Supports multiple languages.
Supported Audio Formats
WAV AIFF FLAC MP2 MP3 Ogg Vorbis

Audacity can open, edit, and export all of the above formats.

Audacity — Interface Diagram
File Edit View Transport Tracks Generate Effect Analyze Help ① Menu Bar ⏮ ▶ ⏹ ⏺ ⏭ ② Transport Toolbar 🔧 Tools Toolbar ③ Tools Toolbar REC PLAY ④⑤ Rec/Play Meters Device: Built-in Microphone ▼ Channels: 1 Mono ▼ Output: Built-in Output ▼ ⑨ Device Toolbar TIMELINE 0.0 5.0 10.0 ⑩ Timeline TRACK CTRL Audio Track 1 Mute Solo Vol: ━━●━━ Pan: ━━●━━ ⑪ Track Ctrl Panel ⑫ Audio Track ✂ Cut 📋 Copy 📌 Paste 🔇 Silence ↩ Undo ↪ Redo 🔍 Zoom In 🔍 Zoom Out ⑦ Edit Toolbar 🔊 Input Gain: ━━●━━━━ | Output Vol: ━━━●━━ ⑥ Mixer Toolbar Start: 0h00m00.000s | End: 0h00m05.234s | Length: 0h00m05.234s | Rate: 44100 Hz ⑬ Selection Bar Audacity 3.x | Sample Rate: 44100 Hz | Bit Depth: 16-bit | Length: 00:05.234 ⑭ Status Bar
Interface Components
① Menu Bar — File, Edit, View, Transport, Tracks, Generate, Effect, Analyze, Help menus
② Transport Toolbar — Play, Stop, Record, Pause, Skip Start, Skip End controls
③ Tools Toolbar — Selection, Envelope, Draw, Zoom, Time Shift, Multi tools
④ Recording Meter Toolbar — Visual display of incoming audio level while recording
⑤ Playback Meter Toolbar — Visual display of audio level during playback
⑥ Mixer Toolbar — Controls for input recording level and output playback volume
⑦ Edit Toolbar — Trim, silence, zoom, cut, copy, paste, undo/redo shortcuts
⑧ Transcription Toolbar — Controls playback speed for transcription purposes without changing pitch
⑨ Device Toolbar — Select input/output devices and number of recording channels
⑩ Timeline — Horizontal ruler showing time; click to position the playback cursor
⑪ Track Control Panel — Mute, Solo, volume, and pan controls per audio track
⑫ Audio Track — Shows the waveform of your recorded or imported audio
⑬ Selection Toolbar — Shows exact start, end, and length of the current selection
⑭ Status Bar — Displays project information and tool hints at the bottom
Saving & Exporting Audio
ActionFormatDescription
File → Save.aupNative Audacity format; keeps all edits for re-opening and continuing work
File → Export AudioWAV, AIFF, FLAC, MP2, MP3Export for sharing or use in other software; opens Edit Metadata dialog first
⚠️
Always save as .aup first so you can re-edit the project later. Exporting gives a final output but does not preserve edit history.
Recording Audio — Step by Step
1
Open Audacity. Go to File → New to start a blank project.
2
Click the Record button (⏺) in the Transport Toolbar. Start speaking or playing the sound you want to record.
3
Click the Stop button (⏹) when finished. The waveform of your recording will appear in the Audio Track.
4
Click the Play button (▶) to review the recording. Check the Recording Meter during recording to ensure levels are good (not clipping).
Editing Audio — Step by Step
1
Open an existing project: File → Open and select the .aup file.
2
Select the Selection Tool from the Tools Toolbar (or press F1).
3
Click and drag across the waveform to highlight the section you want to edit.
4
Click Trim Audio on the Edit Toolbar to remove everything outside your selection, keeping only what you need.
5
Apply effects from the Effect menu as needed (Noise Reduction, Amplify, Equalizer, etc.).
6
Save the project (.aup) or export to the desired audio format.

🎯 Practice Activities

  1. Record your voice reading a passage and edit out all silent/hesitation gaps using the trim tool.
  2. Record two separate audio clips and combine (mix) them into one track in Audacity.
  3. Use the Effect → Noise Reduction function to improve audio quality from a recorded clip.
  4. Change the pitch of your recorded voice using Effect → Change Pitch and compare the result.
  5. Export your edited audio as both WAV and MP3 and compare the file sizes.
🎥
4.4 Creating a Video Clip
Combine video footage, still images, music, titles, and effects into a polished video clip using Windows Movie Maker.
What is a Video Clip?

A video clip is a series of visual content arranged in sequence. It can include recorded video footage, still pictures, audio tracks, text titles, captions, and transition effects. Video clips are used for presentations, stories, advertisements, and social media sharing.

Video Editing Software
SoftwareNotes
Windows Movie MakerFree, from Microsoft — Recommended
Photo BucketOnline photo and video hosting platform
YouTube RemixerBrowser-based, integrates with YouTube
Movie MasherOpen-source online video editor
One True MediaWeb-based, photo slideshow focus
Motion BoxOnline social video platform
Stash SpaceOnline media storage and sharing
AVI EditLightweight AVI video editor
Super DVD Video EditorDVD-format video creation
🌐
Download Windows Movie Maker from: http://www.windows-movie-maker.org/
Windows Movie Maker — Interface
Windows Movie Maker HOME ANIMATIONS VISUAL EFFECTS PROJECT VIEW + Add Video & Photos Title Caption Credits Add Music Save Movie ③ Editing Function Panel PREVIEW Video plays here ⏮ ▶ ⏭ 0:00 / 1:24 ① Preview/Player Pane TIMELINE STAGE 🎬 VIDEO Clip 1 Clip 2 Clip 3 🎵 MUSIC ✨ TRANSITIONS ↔ ↔ ② Timeline Stage ◀ ━━━━━━●━━━━ ▶ Zoom: ━━●━━
① Preview / Player Pane

Preview panel on the left; view your video in real time as you edit

② Timeline Stage

Area at the bottom showing video clips, music, and transitions arranged in sequence

③ Editing Function Panel

The ribbon menu at the top for adding content, effects, titles, and saving

Creating a Video Clip — Step by Step
1
Open Windows Movie Maker and start a new project.
2
Click Add Videos & Photos (Home tab) to import your video clips and images into the project.
3
Go to the Animations menu to browse transitions (Dissolve, Wipe, Cross Fade etc.). Drag a transition between two clips. Set the duration to control how long each transition lasts.
4
Apply Pan & Zoom effects to still images to create the "Ken Burns" motion effect — making static photos feel dynamic.
5
Click Home → Title to add an opening title slide before all clips.
6
Select a clip and click Home → Caption to add a text overlay/subtitle that appears on top of the video.
7
Click Home → Credits to add a scrolling credits section at the end of the video.
8
Click Home → Add Music to import a background music track. Adjust its volume and trim its length to match the video.
9
Click Play in the Preview pane to review the full movie.
10
File → Save Project saves as .Wlmp — re-editable project file.
11
File → Save Movie renders the final video. Choose from output options below.
Output / Distribution Options
💻
For Computer

High-quality playback on PC

📺
HD Display

1080p HD television format

📱
Mobile Phone

Optimised for smaller screens

📧
Email

Compressed for email attachment

▶️
YouTube

Upload to YouTube directly

📘
Facebook

Share on Facebook

🎬
Vimeo

Vimeo video hosting

🔊
Audio Only

Export soundtrack only (WMA)

Saving Options Summary
ActionFormatPurpose
File → Save Project.WlmpNative project file — preserves all edits for future changes
File → Save Movie → Computer.wmvStandard video file for sharing or playback
File → Save Movie → YouTube.mp4Optimised format for uploading to YouTube
File → Save Movie → Audio.wmaAudio-only export (no video)

🎯 Practice Activities

  1. Collect 10 photos from a recent school event and create a video slideshow with titles, transitions, and background music.
  2. Record a short video on your phone/camera, import it into Movie Maker, and add captions and a credits roll.
  3. Create a short informational video about a topic in ICT using screenshots and narration recorded in Audacity.
  4. Create a promotional video for your school using images from GIMP, animation from Giatto, and audio from Audacity — combine all multimedia skills!
🧠
Practice Quiz
Test your knowledge of all four sections. 20 questions — try to get them all right!
⚡
Interactive Simulations
Use these tools to explore key formulas and concepts hands-on. Adjust sliders and inputs to see results instantly.
🔢 Simulation 1 — Bits Per Pixel (BPP) Calculator

The number of colours that can be displayed depends on the bits per pixel (bpp). The formula is: Colours = 2bpp

1 bpp16 bpp32 bpp
256
possible colours
28 = 256
🎨 Simulation 2 — RGB Colour Mixer

Mix Red, Green, and Blue values (0–255) to create any colour. See the hex code and named colour update in real time.

#805AC8
RGB(128, 90, 200)
Purple-Blue
🎬 Simulation 3 — Animation Frame Calculator

Enter the total frames and number of key frames to calculate how many tween frames the software will auto-generate.

24
Total Frames
2
Key Frames (you draw)
22
Tween Frames (auto)
24 total − 2 key = 22 tween frames
💾 Simulation 4 — Graphic File Size Estimator

Estimate the uncompressed file size of an image using: Width × Height × (bpp ÷ 8) bytes

5.93 MB
Uncompressed Size
2,073,600
Total Pixels
1920 × 1080 × 3 bytes = 6,220,800 bytes ≈ 5.93 MB
🔍 Simulation 5 — Pixel Grid Visualiser

See how images are made of tiny coloured squares (pixels). Each cell is one pixel. Zoom into a raster image to see individual pixels!

Grid: 20×20 pixels — each square represents one pixel